<template>
  <div class="fzjkSbPopUp">
      <el-form
        v-if="dialogVisible"
        ref="elForm"
        :model="PopUpformData"
        size="medium"
        label-width="1.2rem"
        :rules="rules"
        class="popUp-from"
      >
        <el-row>
          <el-col :offset="1" :span="10">
            <el-form-item label="变电站名称" prop="stationId">
              <el-select
                v-model="PopUpformData.stationId"
                placeholder="请选择变电站"
                clearable
                @change="bdzmcs"
                :style="{ width: '100%' }"
                filterable
              >
                <el-option
                  v-for="(item) in stationList "
                  :key="item.stationId"
                  :label="item.stationName"
                  :value="item.stationId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :offset="1" :span="10" >
            <el-form-item label="区域名称" prop="area">
              <el-select
                v-model="PopUpformData.area"
                placeholder="请选择变电站"
                clearable
                :style="{ width: '100%' }"
              >
                <el-option
                  v-for="(item,index) in getAreaList"
                  :key="index"
                  :label="item.areaName"
                  :value="item.areaId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :offset="1" :span="10">
            <el-form-item label="装置类型">
              <el-select
                v-model="PopUpformData.deviceType"
                placeholder="请选择变电站"
                clearable
                :style="{ width: '100%' }"
              >
                <el-option
                  v-for="(item, index) in getDeviceTypeList"
                  :key="index"
                  :label="item.deviceTypeName"
                  :value="item.deviceTypeId"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :offset="1" :span="10">
            <el-form-item label="装置名称">
              <el-input v-model="PopUpformData.deviceName"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :offset="1" :span="10">
            <el-form-item label="型号">
              <el-input v-model="PopUpformData.modle"></el-input>
            </el-form-item>
          </el-col>
          <el-col :offset="1" :span="10">
            <el-form-item label="安装位置">
              <el-input v-model="PopUpformData.location"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :offset="1" :span="10">
            <el-form-item label="投运日期">
              <el-date-picker
                :style="{width: '100%'}"
                v-model="PopUpformData.run_date"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
                popper-class="times"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :offset="1" :span="10">
            <el-form-item label="生产国家">
              <el-input v-model="PopUpformData.scgj"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :offset="1" :span="10">
            <el-form-item label="出厂编号">
              <el-input v-model="PopUpformData.production_num"></el-input>
            </el-form-item>
          </el-col>
          <el-col :offset="1" :span="10">
            <el-form-item label="出厂日期">
              <el-date-picker
                :style="{width: '100%'}"
                v-model="PopUpformData.production_date"
                type="datetime"
                placeholder="选择日期时间"
                value-format="yyyy-MM-dd HH:mm:ss"
                popper-class="times"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :offset="1" :span="10">
            <el-form-item label="备注">
              <el-input v-model="PopUpformData.remark"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row class="buttom-box">
          <el-button type="primary" @click="determine">确定</el-button>
          <el-button type="primary" @click="handleClose">取消</el-button>
        </el-row>
      </el-form>
  </div>
</template>

<script lang="ts">
  import { Component, Vue } from 'vue-property-decorator';

  @Component
  export default class  extends Vue {
    
  }
</script>

<style lang="scss" scoped>
.fzjkSbPopUp{}
</style>

